import { Carousel, Popover } from "antd";
import React, { useState } from "react";
import { Routes, Route } from "react-router-dom";
import "./App.css";
import Remove from "./remove";
const Index = () => {
  const [index, setIndex] = useState(0);
  const onChange = (currentSlide, next) => {
    setIndex(next);
  };
  return (
    <div className="App">
      <div className="left">
      <div className="blur-background"></div>
      <div className="content">
        <div className="slogan">
          <div>Connect, Flirt, and</div>
          <div>Let TouchU Take</div>
          <div>You Higher</div>
        </div>
        </div>

        <div className="download">
          <img src="./googleplay.png" onClick={() => {}} />
          <img src="./appstore.png" onClick={() => {}} />
        </div>

        <div className="chose">
          <div className="option">
            <a
              href="./Meboo+terms+v1.0.html"
              target="_blank"
              className="option_item"
            >
              <img src="./Terms.png" />
              Terms
            </a>
            <Popover content={"contact@imeboo.com"}>
              <div className="option_item">
                <img src="./Help.png" />
                Help
              </div>
            </Popover>
            <a
              href="./Meboo+Privacy+Policy1.0.html"
              target="_blank"
              className="option_item"
            >
              <img src="./PrivacyPolicy.png" />
              PrivacyPolicy
            </a>
          </div>
         
        </div>

        <div className="download">
          <p>@2023 www.seeuing.com</p>
          <p>Company:YOHO IT SDN. BHD</p>
        </div>

        <div className="address">Address: LEBUH RAYA BUKIT JALIL BUKIT JALILB-20-11,RESIDENSI HAVRE NO.75KUALA LUMPUR, BUKIT JALIL</div>
      </div>

      <div className="right">
        <img src="./banner/logo.png"/>
      </div>
    </div>
  );
};
const App = () => {
  return (
    <Routes>
      <Route path="/" element={<Index />} />
      <Route path="/remove" element={<Remove />} />
    </Routes>
  );
};

export default App;
